<template>
	<view class="container">
		<background-swiper :swiperList="items"></background-swiper>
		<swiper-3d :swiperList="items"></swiper-3d>
		<card-swiper :swiperList="items"></card-swiper>
	</view>
</template>

<script>
	import cardSwiper from '@/components/card-swiper.vue';
	import swiper3d from '@/components/swiper-3d.vue';
	import backgroundSwiper from '@/components/background-swiper.vue';
	export default {
		components: {
			cardSwiper,
			swiper3d,
			backgroundSwiper
		},
		data() {
			return {
				items: [{
						url: '/static/44.png'
					},
					{
						url: '/static/0.jpg'
					},
					{
						url: '/static/6.jpg'
					},
					{
						url: '/static/8.jpg'
					},
					{
						url: '/static/11.jpg'
					},
					{
						url: '/static/21.jpg'
					},
					{
						url: '/static/24.jpg'
					},
					{
						url: '/static/25.jpg'
					},
					{
						url: '/static/28.jpg'
					}
				]
			}
		},
	}
</script>

<style lang="scss">
	.container {}
</style>